// 获取DOM元素
const inputText = document.getElementById('inputText')
const copyButton = document.getElementById('copyButton')

// 复制文本的函数
async function copyText(text) {
  // 首先尝试使用现代的 Clipboard API
  if (navigator.clipboard && window.isSecureContext) {
    try {
      await navigator.clipboard.writeText(text)
      return true
    } catch (err) {
      console.warn('Clipboard API 失败，尝试备用方法', err)
    }
  }

  // 后备方案：使用 document.execCommand('copy')
  try {
    // 创建一个临时的 textarea 元素
    const textArea = document.createElement('textarea')
    textArea.value = text

    // 将 textarea 设置为不可见
    textArea.style.position = 'fixed'
    textArea.style.opacity = '0'

    document.body.appendChild(textArea)
    textArea.select()

    // 执行复制命令
    const success = document.execCommand('copy')

    // 清理：移除临时元素
    document.body.removeChild(textArea)

    return success
  } catch (err) {
    console.error('复制失败:', err)
    return false
  }
}

// 为复制按钮添加点击事件监听器
copyButton.addEventListener('click', async () => {
  // 获取输入框中的文本
  const text = inputText.value

  // 检查输入框是否为空
  if (!text) {
    alert('请先输入要复制的文本！')
    return
  }

  // 尝试复制文本
  const success = await copyText(text)

  // 根据复制结果提示用户
  if (success) {
    alert('文本已成功复制到剪贴板！')
    console.log(success)
  } else {
    alert('复制失败，请重试！')
  }
})
